@import '~styles/variables.scss';
@import '~styles/mixin.scss';

.turnover-ratio{
	justify-content: space-around;
	flex-direction: column;
	display: flex;
	background-color: white;
	.turnover-title{
		color: $ColorLight;
		line-height: 2.167rem;
		text-align: center;
		background-color: white;
		margin-bottom: 1.0rem;
	}
	a[class*='turnover-bg']{
		height: 3.333rem;
		margin: 0 auto;
		margin-bottom: 0.667rem;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		text-align: center;
		line-height: 3.333rem;
		font-weight: bold;
		font-size: $fontSizeHuge;
		color: white;
	}
	.turnover-bg4{
		width: 13.867rem;
		background: url('~@/images/image4.png');
	}
	.turnover-bg3{
		width: 11.0rem;
		background: url('~@/images/image3.png');
	}
	.turnover-bg2{
		width: 8.0rem;
		background: url('~@/images/image2.png');
	}
	.turnover-bg1{
		width: 5.333rem;
		height: 1.733rem!important;
		line-height: 1.733rem!important;
		background: url('~@/images/image1.png');
	}
	.percent{
		line-height: 3.0rem;
		display: flex;
		justify-content: space-around;
	}
}